<template>
  <swipe :autoplay="3000" indicator-color="#D43322">
    <swipe-item v-for="(image, index) in images" :key="index">
      <img v-lazy="image" />
    </swipe-item>
  </swipe>
</template>

<script>
import { Swipe, SwipeItem } from "vant";
export default {
  name: "imageSwiper",
  props: {
    images: {
      type: Array,
      default() {
        return [];
      }
    }
  },
  components: {
    Swipe,
    SwipeItem
  },
  data() {
    return {};
  },
  methods: {}
};
</script>

<style scoped lang='scss'>
.van-swipe {
  height: 300px;
}
::v-deep .van-swipe__indicator {
  width: 8px;
  height: 8px;
  background-color: #fff;
  opacity: 1;
}
img {
  width: 100%;
}
</style>
